<div class="col-md-6 panel">
    <div class="col-md-5">
        <h6>客戶號</h6>
        <div class="form-group has-feedback">
          <input type="text" value="" placeholder="123456" class="form-control enterInput" id="customer"/>
          <span class="form-control-feedback fui-check"></span>
        </div>
    </div>
    <div class="col-md-4">
        <h6>商品號</h6>
        <div class="input-group">
          <input type="text" class="form-control enterInput" placeholder="Search" id="product">
          <span class="input-group-btn">
            <button type="submit" class="btn"><span class="fui-search"></span></button>
          </span>
        </div> 
    </div>
    <div class="col-md-3">
        <h6>數量</h6>
        <div class="input-group">
          <input type="text" class="form-control enterInput" id="amount">
        </div> 
        <small style="float:right">回車即可添加至列表</small>
    </div>
    <div class="col-md-10 productInfoPanel">
        <h6>商品信息展示</h6>
        <div class="col-md-2">
            <img src="@routes.Assets.versioned("images/icons/svg/paper-bag.svg")" class="icon-paper-bag">
        </div>
        <div class="col-md-10">
            <blockquote>
                <div class="notFoundInfo">
                    <p>顯示商品信息,回車即可添加</p>
                    <small>Steve Jobs, CEO Apple</small>
                </div>
                <div id="productInfo">
                    <div class="col-md-6">
                        <p>商品ID</p>
                        <p>名稱</p>
                        <p>價格</p>
                        <p>價格單位</p>
                        <p>庫存</p>
                        <p>商品詳細描述</p>
                    </div>
                    <div class="col-md-6 answer">
                    </div>
                </div>
            </blockquote> 
        </div>
       
    </div>
</div>

<div class="col-md-6 panel">
    <h4>訂單列表<span id="billId"></span></h4>
    <ul class="col-md-11 billList">
    </ul>
    <div class="col-md-12" >
    <table class="table table-responsive" id="billTable" style="display:none">
      <thead>
        <tr>
          <th>產品名稱</th>
          <th>數量</th>
          <th>價格</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
    </div>
    <div class="col-md-12" >
        <button class="btn btn-block btn-lg btn-default" id="billBack" style="display:none">返回</button> 
    </div>
    <div class="col-md-6 col-md-offset-5">
        <button class="btn btn-block btn-lg btn-danger" id="billSubmit"><span class="fui-check"></span></button>
    </div>
    <div class="col-md-11 sumInfoPanel" style="text-align:right">
    <hr>  
    <div class="sumInfo  col-md-6 col-md-offset-6">
        <span class="fui-arrow-right"></span>
        <span class="sumInfo">總金額：<span class="sumPrice">0</span>元&nbsp;&nbsp;|&nbsp;&nbsp;<span class="sumAmount">0</span>件</span>
    </div>
    </div>
</div>
